﻿<?php /* Template Name: Front page 
*/
?>

<?php
    get_header();
?>

<!-- Content -->
    <div id="content" class="container clearfix">

      
        <!-- Slider -->
        <div id="main-slider" class="flexslider">
            <ul class="slides">
              <li>
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/slide_01.jpg" alt="" />
                <div class="flex-caption">
                    <h3>Респонсив дизайн</h3> <p>Тука требва да напиша някакви смислени неща!</p> <input type="submit" value="Научи повече" class="red">
                </div>
              </li>
              <li>
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/slide_02.jpg" alt="" />
                <div class="flex-caption">
                    <h3>Unique page layouts</h3> <p>Mauris sodales neque vitae justo sollicitudin aliquet sit amet diam. Curabitur sed fermentum dolor.</p> <input type="submit" value="Learn More" class="red">
                </div>
              </li>
              <li>
                <img src="<?php echo get_template_directory_uri(); ?>/images/content/slide_03.jpg" alt="" />
                <div class="flex-caption">
                    <h3>Even more innovation</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dui orci, dapibus non luctus, ultrices vel nunc. Donec lacinia mattis erat sit amet blandit.</p> <input type="submit" value="Learn More" class="red">
                </div>
              </li>
            </ul>
        </div>
        <!-- /Slider -->

        <!-- Project Carousel -->
        <div id="project-wrapper" class="clearfix">

            <div class="section-title one-fourth">
                <h4>проекти</h4>
                <p>Проекти върху които съм работил.</p>
                <p><a href="http://localhost/wordpress/portfolio/">Виж всички проекти</a></p>
                <div class="carousel-nav">
                    <a id="project-prev" class="jcarousel-prev" href=""></a>
                    <a id="project-next" class="jcarousel-next" href=""></a>
                </div>
            </div>

            <ul class="project-carousel">
                <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_01.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_01.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>Presta shop countdown timer</h5></a>
                            <p>animation</p>
                        </div>
                    </div>
                </li>
               
                <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_02.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_02.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>Personal - blog</h5></a>
                            <p>Wordpress</p>
                        </div>
                    </div>
                </li>
                  <!-- <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_03.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_03.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>Real-world workflow</h5></a>
                            <p>Artwork</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_04.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_04.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>Completing the story</h5></a>
                            <p>Web Design</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_05.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_05.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>Through the roads</h5></a>
                            <p>Animation</p>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="project-item">
                        <img src="<?php echo get_template_directory_uri(); ?>/images/content/project_4_06.jpg" alt="" />
                        <div class="overlay">
                            <a href="<?php echo get_template_directory_uri(); ?>/images/content/project_4_06.jpg" class="lightbox-link folio" rel="gallery"></a>
                            <a href="portfolio_details.html"><h5>The past</h5></a>
                            <p>Print Design</p>
                        </div>
                    </div>
                </li>
            </ul> -->
        </div>
        <!-- /Project Carousel -->

        <!-- Blog Carousel -->
        <div id="blog-wrapper" class="clearfix">

            <div class="section-title one-fourth">
            	
                <h4>Блог постове</h4>
                <p>Бърз преглед на последните блог постове.</p>
          			<p><a href="http://localhost/wordpress/blog/">Виж всички блог постове</a></p>
                

                <div class="carousel-nav">
                    <a id="blog-prev" class="jcarousel-prev" href=""></a>
                    <a id="blog-next" class="jcarousel-next" href=""></a>
                </div>
            </div>
            
            <ul class="blog-carousel">
               
                <li>
                <?php if(!dynamic_sidebar('sidebar_from_blog_front_page')): ?>
                    <a href="blog_post.html">
                        <h4>Feeling the Wrath</h4>
                    </a>
                    <span class="date">05 Jul 2012 · 22 Comments</span>
                    <p>Nam ultricies dolor eu velit varius scelerisque. Vestibulum in lacus in felis pretium feugiat non sed elit. Duis pretium, urna sed pellentesque tincidunt, neque massa imperdiet nisi, sed cursus leo magna...</p>
                <?php endif; ?>
                </li>
               
                
                <li>
                    <a href="blog_post.html">
                        <h4>Craig's List</h4>
                    </a>
                    <span class="date">04 Jul 2012 · 22 Comments</span>
                    <p>Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim...</p>
                </li>
                <li>
                    <a href="blog_post.html">
                        <h4>Summer Sounds</h4>
                    </a>
                    <span class="date">02 Jul 2012 · 22 Comments</span>
                    <p>Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante. Morbi pulvinar ligula at sapien ultricies hendrerit. Morbi mollis dictum libero at ultrices...</p>
                </li>
                <li>
                    <a href="blog_post.html">
                        <h4>Following Our Dreams</h4>
                    </a>
                    <span class="date">05 Jul 2012 · 22 Comments</span>
                    <p>Nam ultricies dolor eu velit varius scelerisque. Vestibulum in lacus in felis pretium feugiat non sed elit. Duis pretium, urna sed pellentesque tincidunt, neque massa imperdiet nisi, sed cursus leo magna...</p>
                </li>
                <li>
                    <a href="blog_post.html">
                        <h4>Sleeping Easy</h4>
                    </a>
                    <span class="date">04 Jul 2012 · 22 Comments</span>
                    <p>Sed nunc tortor, sagittis quis viverra id, molestie vitae nibh. Donec vitae lacus sed risus accumsan consectetur ut a ligula. Etiam vitae nisi diam, in rutrum dui. In facilisis, erat sed laoreet aliquet, mauris urna placerat enim...</p>
                </li>
                <li>
                    <a href="blog_post.html">
                        <h4>Discovery Channel</h4>
                    </a>
                    <span class="date">02 Jul 2012 · 22 Comments</span>
                    <p>Pellentesque ornare, risus et vulputate mollis, massa nulla aliquam neque, sed hendrerit orci quam eget ante. Morbi pulvinar ligula at sapien ultricies hendrerit. Morbi mollis dictum libero at ultrices...</p>
                </li>
            </ul>
        </div><br />
        <!-- /Blog Carousel -->

        <!-- Logo List -->
        
        <h4>ИНТЕРЕСИ</h4>
        <div class="logo-list">
            <ul>
                <li><a href="http://www.w3schools.com/html/html5_intro.asp" target="_blank"><div class="bw-wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/content/logo_list_01.png" alt="" /></div></a></li>
                <li><a href="http://www.w3schools.com/css3/default.asp" target="_blank"><div class="bw-wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/content/logo_list_02.png" alt="" /></div></a></li>
                <li><a href="http://www.w3schools.com/js/default.asp" target="_blank"><div class="bw-wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/content/logo_list_03.png" alt="" /></div></a></li>
                <li><a href="http://wordpress.org/" target="_blank"><div class="bw-wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/content/logo_list_04.png" alt="" /></div></a></li>
                <li><a href="http://php.net/" target="_blank"><div class="bw-wrapper"><img src="<?php echo get_template_directory_uri(); ?>/images/content/logo_list_05.png" alt="" /></div></a></li>
            </ul>
        </div>
        <!-- /Logo List -->

    </div>
    <!-- /Content -->
    <?php
        get_footer();
    ?>